<!-- Button widget preview & code sample --> <div class="menubar"> <ul> <li>Button widget:</li> <li><a href="">Button 1</a></li> <li class="divider"></li> <li><a href="">Button 2</a></li> <li class="divider"></li> <li><a href="">Export</a></li> </ul> </div>
@import "http://localhost/shared/components/modules/admin/ui/menubar/assets/menubar.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
<!-- Links widget preview & code sample --> <div class="menubar links primary"> <ul> <li>Link widget:</li> <li><a href="">Button 1</a></li> <li class="divider"></li> <li><a href="">Button 2</a></li> <li class="divider"></li> <li><a href="">Button 3</a></li> </ul> </div>
@import "http://localhost/shared/components/modules/admin/ui/menubar/assets/menubar.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.